<title>插件</title>

<link rel="stylesheet" href="/vendor/datatables-bootstrap/dataTables.bootstrap.css">
<link rel="stylesheet" href="/vendor/datatables-fixedheader/dataTables.fixedHeader.css">
<link rel="stylesheet" href="/vendor/datatables-responsive/dataTables.responsive.css">
<link rel="stylesheet" href="/vendor/highlight/default.css">
<link rel="stylesheet" href="/vendor/highlight/github-gist.css">
<link rel="stylesheet" href="/vendor/highlight/highlight.css">
<link rel="stylesheet" href="/css/examples/tables/data-tables/examples.css">

<script src="/vendor/datatables/jquery.dataTables.min.js" data-name="dataTables"></script>
<script src="/vendor/datatables-bootstrap/dataTables.bootstrap.min.js" data-deps="dataTables"></script>
<script src="/vendor/datatables-responsive/dataTables.responsive.min.js" data-deps="dataTables"></script>

<div class="page page-full animation-fade page-data-tables">
    <div class="page-aside">
        <div class="page-aside-switch">
            <i class="icon wb-chevron-left" aria-hidden="true"></i>
            <i class="icon wb-chevron-right" aria-hidden="true"></i>
        </div>
        <div class="page-aside-inner height-full" data-plugin="slimScroll">
            <section class="page-aside-section">
                <h5 class="page-aside-title">插件</h5>
                <div class="list-group">
                    <a class="list-group-item" href="/examples/tables/data-tables/plug-ins/api.html" data-pjax="#DTConent">
                        <i class="icon fa-circle-o"></i> API插件方法
                    </a>
                    <a class="list-group-item" href="/examples/tables/data-tables/plug-ins/sorting-auto.html" data-pjax="#DTConent">
                        <i class="icon fa-circle-o"></i> 排序插件（类型检测）
                    </a>
                    <a class="list-group-item" href="/examples/tables/data-tables/plug-ins/sorting-manual.html" data-pjax="#DTConent">
                        <i class="icon fa-circle-o"></i> 排序插件（无类型检测）
                    </a>
                    <a class="list-group-item" href="/examples/tables/data-tables/plug-ins/range-filtering.html" data-pjax="#DTConent">
                        <i class="icon fa-circle-o"></i> 自定义过滤 - 范围搜索
                    </a>
                    <a class="list-group-item" href="/examples/tables/data-tables/plug-ins/dom-sort.html" data-pjax="#DTConent">
                        <i class="icon fa-circle-o"></i> dom对象排序
                    </a>
                </div>
            </section>
        </div>

    </div>
    <div class="page-main">
        <div class="page-header">
            <h1 class="page-title">DataTables 插件</h1>
            <div class="page-header-actions">
                <a class="btn btn-inverse btn-round" href="https://datatables.net/" target="_blank">
                    <i class="icon wb-link" aria-hidden="true"></i> <span class="hidden-xs">官网</span></a>
                <a class="btn btn-inverse btn-round" href="http://datatables.club/" target="_blank">
                    <i class="icon fa-language" aria-hidden="true"></i> <span class="hidden-xs">中文网</span></a>
            </div>
        </div>
        <div class="page-content" id="DTConent">
            <%- include(path1) %>
        </div>
    </div>
</div>

<script src="/vendor/highlight/highlight.pack.min.js"></script>
<script src="/themes/classic/base/js/app.js" data-name="app"></script>
<script src="/js/examples/tables/data-tables/common.js" data-deps="app"></script>